import { reactive } from 'vue';

const state = reactive<{
  /**
   * 当前页
   */
  activePage: number;
  /**
   * 加载状态
   */
  loading: boolean;
  /**
   * 加载完成状态
   */
  finished: boolean;
  /**
   * 列表
   */
  list: PlanTask.AssetDto[];
  /**
   *计划任务状态集合
   */
  statusQuantity: {
    title: string;
    value: number;
  }[];
  /**
   * 当前计划任务状态
   */
  activeStatus?: 1 | 2;
}>({
  activePage: 1,
  loading: false,
  finished: false,
  list: [],
  statusQuantity: [
    { title: '未保养(0)', value: 2 },
    { title: '已保养(0)', value: 1 },
  ],
  activeStatus: 2,
});

/**
 * 筛选相关项
 */
const filter = reactive<{
  /**
   * 资产名称（查询资产）
   */
  searchValue: string;

  /**
   *筛选项
   */
  filterItemList: { name: string }[];

  /**
   * 筛选提示框是否显示
   */
  filterItemVisible: boolean;

  /**
   * 区域过滤
   */
  appRegionListSelectorPopupIsShow: boolean;

  /**
   * 区域id（查询区域）
   */
  searchRegion: string;
}>({
  searchValue: '',
  filterItemVisible: false,
  filterItemList: [{ name: '全部' }, { name: '按区域筛选' }],
  appRegionListSelectorPopupIsShow: false,
  searchRegion: '',
});
export { state, filter };
